<template>
  <div id="app">
      <input type="checkbox" value="女人" v-model="hobby" />
            女人
            <input type="checkbox" value="摸鱼" v-model="hobby" />
            摸鱼
            <input type="checkbox" value="想女人" v-model="hobby" />
            想女人
            <input type="checkbox" value="摸鱼想女人" v-model="hobby" />
            摸鱼想女人
            <input type="checkbox" value="想办法摸鱼" v-model="hobby" />
            想办法摸鱼
            <input type="checkbox" value="想办法摸鱼想女人" v-model="hobby" />
            想办法摸鱼想女人
            <input type="checkbox" value="韩枫这辈子栽女人身上了" v-model="hobby" />
            韩枫这辈子栽女人身上了
            <input type="checkbox" value="下辈子韩枫也栽在女人身上了" v-model="hobby" />
            下辈子韩枫也栽在女人身上了
            <ul>
              <li v-for="(item,index) in hobby" :key="index">{{item}}</li>
            </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
hobby:[],
    };
  },
  methods: {
  },
};
</script>

<style>
table{
  margin: 30px auto;
  border: 1px solid #000;

}
tr td{
  border: 1px solid #000;
}
</style>
